<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- HTTP 1.1 -->
<meta http-equiv="Cache-Control" content="no-store"/>
<!-- HTTP 1.0 -->
<meta http-equiv="Pragma" content="no-cache"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Proxy Spring,AC Web,chinatcc,acyuyin,AC语音，跃鸿" />
<meta name="description" content="代理平台版，让代理更简单。" />
<meta name="copyright" content= "上海跃鸿网络科技有限公司版权所有 Copyright (c) 2012" />                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
<meta name="viewport" content="minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, width=device-width, user-scalable=no" />
<meta name="msapplication-window" content="width=1024;height=768" />
<meta name="google-site-verification" content="ooeu0Ygs68PA-Vyx1AiufsVIVVbkU7RukGiAeXhSxlA" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta name="application-name" content="PROXY 代理平台" />
<title>代理平台-客户中心</title>
<link href="<c:url value='/styles/main.css'  />" rel="stylesheet" type="text/css">
<link href="<c:url value='/styles/css.css'/>" rel="stylesheet" type="text/css">
<link href="<c:url value='/styles/general.css'/>" rel="stylesheet" type="text/css">
<script type="text/javascript" src="<c:url value='/scripts/jquery-1.7.2.js'/>"></script> 
<script type="text/javascript" src="<c:url value='/scripts/jquery.cookies.2.2.0.min.js'/>"></script> 
<script type="text/javascript" src="<c:url value='/scripts/jquery/jquery-impromptu.4.0.min.js'/>"></script> 
<script type="text/javascript" src="<c:url value='/scripts/jquery.overlay.min.js' />"/></script>
<script type="text/javascript"
			src="<c:url value='/scripts/general.js' />" charset="UTF-8"></script>
<script type="text/javascript"
			src="<c:url value='/scripts/city.js'/> " charset="gbk" /> </script>
<script type="text/javascript" src="<c:url value='/scripts/My97DatePicker/WdatePicker.js' />" /></script>

<script type="text/javascript">
var url = "<c:url value = '/user/searchChileUsers.html'/>";
var usurl="<c:url value = '/user/getUsersById.html'/>";
var Proxyus="<c:url value = '/land/clientsProxy.jsp'/>";
var urlSteup ="<c:url value ='/user/steupClient.html'/>";
var urlUsername = "<c:url value ='/user/getUsersByName.html'/>";
var urlRole ="<c:url value='/user/getRoles.html'/>";
var urlDela = "<c:url value='/account/dela.html'/>";
var urlOpenAccount = "<c:url value='/user/openAccount.html'/>";
var urlIndex="<c:url value='/land/index.jsp'/>";
</script> 

<script type="text/javascript" src="<c:url value='/scripts/client.js'/>" charset="gbk"></script> 


</head>
<body id="mainBody" style="<c:url value='background:url(/Proxy/imgs/bg6.gif) left repeat-y;'/>">
		<div class="header">
			<div class="logo2">
				
			</div>
			<c:if test="#session.user == null">
				<div class="user">
					<span class="text4">您好，</span>
					<span class="text5">未登录</span><span class="text4">！&nbsp;&nbsp;[&nbsp;<a
						href="<c:url value='/'/>">登录 </a>&nbsp;]</span>
				</div>
			</c:if>

			<c:else>
				<div class="user">
					<span class="text4">您好，</span>
					<span class="text5"><a href="<c:url value='/land/index.jsp'/>">${sessionScope.user.username}</a></span><span
						class="text4">！&nbsp;&nbsp;[&nbsp;<a
						href="<c:url value='/login/landOut.html'/>">注销</a>&nbsp;]</span>
				</div>
			</c:else>

	</div>
<div>
  <div class="left">
    <div class="balance-bg">
      <div class="balance">
        <div class="balance-text">
							<span class="text2">语音余额：</span><span class="text6">${sessionScope.user.total.minute }</span><span
								class="text2">条</span>
						</div>
						<div class="balance-text">
							<span class="text2">短信余额：</span><span class="text6">${sessionScope.user.total.smstotal }</span><span
								class="text2">条</span>
						</div>
      </div>
      <div align="center" id="userinfos"><img src="<c:url value='/imgs/button-userdetail.png'/>"></div>
    </div>
    <div class="leftnav2"><a href="javascript:openaccount()">开户</a></div>
    <div class="leftnav2"><a href="javascript:openadela()">充值</a></div>
    <!-- <div class="leftnav2"><a href="<c:url value='/land/account.jsp'/>">账单明细</a></div> -->
    <div class="leftnav1"><a href="<c:url value='/land/clients.jsp'/>">客户中心</a></div>
  </div>
  <div class="right">
    <div class="rightbar-bg">
      <div class="search-left"></div>
      <div class="search-select">
        <span class="text7">请选择</span>
       </div>
      	<div class="pulldown" style="display:none;">
      		<ul class="pulldown_ul">
      		<c:if test="#session.user.role.rnumber == 10001">
                <li class="text7"><a href="#" target="_self">总代理</a></li>
                <li class="text7"><a href="#" target="_self">核心代理</a></li>
                <li class="text7"><a href="#" target="_self">普通代理</a></li>
                <li class="text7"><a href="#" target="_self">终&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;端</a></li>
           </c:if>
           <c:elseif test="#session.user.role.rnumber == 10002">
         		<li class="text7"><a href="#" target="_self">核心代理</a></li>
                <li class="text7"><a href="#" target="_self">普通代理</a></li>
                <li class="text7"><a href="#" target="_self">终&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;端</a></li>
           </c:elseif>
            <c:elseif test="#session.user.role.rnumber == 10003">
                <li class="text7"><a href="#" target="_self">普通代理</a></li>
                <li class="text7"><a href="#" target="_self">终&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;端</a></li>
           </c:elseif>
           <c:elseif test="#session.user.role.rnumber == 10004">
                <li class="text7"><a href="#" target="_self">终&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;端</a></li>
           </c:elseif>
           
        	</ul>
      	</div>

      <div class="search-arrow"><img src="<c:url value='/imgs/searcharrow.gif'/>" /></div>
      <div class="search-inputleft"></div>
      <div class="search-input"><input type="text" class="input3" style="width:200px; float:left;" name="title" /></div>
      <div class="search-input"><img src="<c:url value='/imgs/right1.gif'/>" /></div>
      <div class="rightbutton-bg">

        
        <c:if test="#session.user.role.rnumber == '10001' ">
        	<div class="rightbutton1" ><span class="text7"><a href="javascript:steup()">同步终端信息</a></span></div>
        </c:if>
      
        <div class="rightbutton-line"></div>

        <div class="rightbutton2"><span class="text7"><a href="#">按短信余额排序</a></span></div>
        <div class="rightbutton-line"></div>
        <div class="rightbutton3"><span class="text7"><a href="#">按语音余额排序</a></span></div>
      </div>
    </div>
    <div class="listcontainer">
      <div class="listtitle">
        <div class="listtitle-text">基本信息</div>
      </div>
      <div class="baseinfo">
      
      
        <table width="100%" border="0" cellspacing="0" cellpadding="0" id="usercontext" >
          <tr>
            <td height="1" bgcolor="#83c859"></td>
          </tr>
          
          <tr >
            <td bgcolor="#f4f8ef">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="14" height="27" class="text7"><div align="center">
                  <input type="checkbox" name="checkbox" id="cbox" />
                </div></td>
                <td width="1" bgcolor="#daddcd"></td>
                <td width="100" class="text7"><div align="center"  style="max-width:100px;">登录名</div></td>
                <td width="1" bgcolor="#daddcd"></td>
                <td width="100" class="text7"><div align="center" style="max-width:100px;">公司名</div></td>
                <td width="1" bgcolor="#daddcd"></td>
                <td width="60" class="text7" ><div align="center">联系人</div></td>
                <td width="1" bgcolor="#daddcd"></td>
                <td width="100" class="text7"><div align="center">联系电话</div></td>
                <td width="1" bgcolor="#daddcd"></td>
                <td class="text7"  align="center"><div align="center"  style="max-width:100px;">语音余额</div></td>
                 <td width="1" bgcolor="#daddcd"></td>
                <td class="text7"  align="center"><div align="center"  style="max-width:100px;">短信余额</div></td>
                <td width="1" bgcolor="#daddcd"></td>
                <td width="88" class="text7"><div align="center" >区域</div></td>
                <td width="1" bgcolor="#daddcd"></td>
                <td width="60" class="text7"><div align="center">上级代理</div></td>
                <td width="1" bgcolor="#daddcd"></td>
                <td width="60" class="text7"><div align="center">角色</div></td>
                <td width="1" bgcolor="#daddcd"></td>
                <td width="60" class="text7"><div align="center">操作</div></td>
                
              </tr>
            </table></td>
          </tr >
        
      
       
          
           
        
        </table>
        
        
        <div class="page">
        <input type="hidden" id="countSize"/>
          <div class="page-number2" value="javascript:pageIndex(99)"><a href="#">>></a></div>
          <div class="page-number2"><a href="javascript:pageIndex(1)">下</a></div>
          <div class="page-number2"><a href="javascript:pageIndex(-1)">上</a></div>
          <div class="page-number2"><a href="javascript:pageIndex(0)"><<</a></div>
        </div>
      </div>
    </div>
    <!-- 个人信息层 -->
		<div class="layercontainer"
			style=" position:absolute; z-index:999; margin: -300px 0px 0px 600px; display: none;" id="userinfo">
			<div class="layertop">
				<div class="layertop-title">
					个人信息
				</div>
			</div>
			<div class="layermain">
				<!-- <div class="layerlist3">
					<div class="layerlist-title">
						<span class="text7">角色权限：</span>
					</div>
					<div class="layerlist-text">
						<span class="text7">${sessionScope.Role.rname }</span>
					</div>
					<input name="uid" type="hidden" value="${sessionScope.user.id }" />
				</div> -->
				<div class="layerlist3">
					<div class="layerlist-title">
						<span class="text7">登&nbsp;&nbsp;录&nbsp;&nbsp;名：</span>
					</div>
					<div class="layerlist-text">
						<span class="text7">${sessionScope.user.username }</span>
					</div>
				</div>

				<div class="layerlist3">
					<div class="layerlist-title">
						<span class="text7">代理区域：</span>
					</div>
					<div class="layerlist-text">
						<span class="text7">${sessionScope.user.regional }</span>
					</div>
				</div>
				<div class="layerlist3">
					<div class="layerlist-title">
						<span class="text7">公司名称：</span>
					</div>
					<div class="layerlist-text">
						<span class="text7">${sessionScope.user.companyname }</span>
					</div>
				</div>
				<div class="layerlist3">
					<div class="layerlist-title">
						<span class="text7">注册期限：</span>
					</div>
					<div class="layerlist-text">
						<span class="text7">${sessionScope.user.crtTime}-至-${sessionScope.user.endTime }</span>
					</div>
				</div>
				<!-- <div class="layerlist3">
					<div class="layerlist-title">
						<span style="font-weight: bold; font-size: 12px;">修改信息:</span>
					</div>
					<div class="layerlist-icon">
						<img src="<c:url value='/imgs/icon9.png'/>" />
					</div>
				</div> -->

				<div class="layerlist3">
					<div class="layerlist-title">
						<span class="text7">密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码：</span>
					</div>
					<div class="layerlist-text">
						<span class="text7">密码不可见</span>
					</div>
					<!--<div class="layerlist-icon"><img src="<c:url value='/imgs/icon9.png'/>" /></div> -->
				</div>
				<div class="layeredit" style="display: none;">
					<div class="layeredit-titlebg">
						<div class="layeredit-title">
							<span class="text5"><strong>修改</strong> </span>
						</div>
						<!--<div class="layeredit-icon"><img src="<c:url value='/imgs/icon10.png'/>" /></div> -->
					</div>
					<div style="overflow: hidden; _width: 350px">
						<div class="layeredit-text">
							<span class="text7">新&nbsp;&nbsp;密&nbsp;&nbsp;码：</span>
						</div>
						<div class="layeredit-input">
							<input type="text" name="password" class="input2"
								style="width: 260px; _width: 250px; height: 21px" />
						</div>
					</div>
					<div style="overflow: hidden; _width: 350px">
						<div class="layeredit-text">
							<span class="text7">重复密码：</span>
						</div>
						<div class="layeredit-input">
							<input type="text" name="passwords" class="input2"
								style="width: 260px; _width: 250px; height: 21px" />
						</div>
					</div>
					<!-- <div class="layeredit-button1"><img src="<c:url value='/imgs/button-save.png' />" /></div> -->
				</div>
				<div class="layerlist3">
					<div class="layerlist-title">
						<span class="text7">公司地址：</span>
					</div>
					<div class="layerlist-text">
						<span class="text7">${sessionScope.user.address}</span>
					</div>
				</div>
				<div class="layeredit" style="display: none;">
					<div class="layeredit-titlebg">
						<div class="layeredit-title">
							<span class="text5"><strong>修改</strong> </span>
						</div>
					</div>
					<div style="overflow: hidden; _width: 350px">
						<div class="layeredit-text">
							<span class="text7">公司地址：</span>
						</div>
						<div class="layeredit-input">
							<input type="text" class="input2"
								value="${sessionScope.user.address}" name="address"
								style="width: 260px; _width: 250px; height: 21px" />
						</div>
					</div>
				</div>

				<div class="layerlist3">
					<div class="layerlist-title">
						<span class="text7">联&nbsp;&nbsp;系&nbsp;&nbsp;人：</span>
					</div>
					<div class="layerlist-text">
						<span class="text7">${sessionScope.user.realname}</span>
					</div>
				</div>
				<div class="layeredit" style="display: none;">
					<div class="layeredit-titlebg">
						<div class="layeredit-title">
							<span class="text5"><strong>修改</strong> </span>
						</div>
					</div>
					<div style="overflow: hidden; _width: 350px">
						<div class="layeredit-text">
							<span class="text7">联&nbsp;&nbsp;系&nbsp;&nbsp;人：</span>
						</div>
						<div class="layeredit-input">
							<input type="text" class="input2"
								value="${sessionScope.user.realname}" name="realname"
								style="width: 260px; _width: 250px; height: 21px" />
						</div>
					</div>
				</div>

				<div class="layerlist3">
					<div class="layerlist-title">
						<span class="text7">手&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机：</span>
					</div>
					<div class="layerlist-text">
						<span class="text7">${sessionScope.user.contact}</span>
					</div>
				</div>
				<div class="layeredit" style="display: none;">
					<div class="layeredit-titlebg">
						<div class="layeredit-title">
							<span class="text5"><strong>修改</strong> </span>
						</div>
					</div>
					<div style="overflow: hidden; _width: 350px">
						<div class="layeredit-text">
							<span class="text7">手&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机：</span>
						</div>
						<div class="layeredit-input">
							<input type="text" class="input2"
								value="${sessionScope.user.contact}" name="contact"
								style="width: 260px; _width: 250px; height: 21px" />
						</div>
					</div>
				</div>

				<div class="layerlist3">
					<div class="layerlist-title">
						<span class="text7">电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话：</span>
					</div>
					<div class="layerlist-text">
						<span class="text7">${sessionScope.user.contact}</span>
					</div>
				</div>
				<div class="layeredit" style="display: none;">
					<div class="layeredit-titlebg">
						<div class="layeredit-title">
							<span class="text5"><strong>修改</strong> </span>
						</div>
					</div>
					<div style="overflow: hidden; _width: 350px">
						<div class="layeredit-text">
							<span class="text7">电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话：</span>
						</div>
						<div class="layeredit-input">
							<input type="text" class="input2"
								value="${sessionScope.user.contact}" name="contact"
								style="width: 260px; _width: 250px; height: 21px" />
						</div>
					</div>
				</div>
				<div class="layerlist3">
					<div class="layerlist-title">
						<span class="text7">Q&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Q：</span>
					</div>
					<div class="layerlist-text">
						<span class="text7">${sessionScope.user.qq}</span>
					</div>
				</div>
				<div class="layeredit" style="display: none;">
					<div class="layeredit-titlebg">
						<div class="layeredit-title">
							<span class="text5"><strong>修改</strong> </span>
						</div>
					</div>
					<div style="overflow: hidden; _width: 350px">
						<div class="layeredit-text">
							<span class="text7">Q&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Q：</span>
						</div>
						<div class="layeredit-input">
							<input type="text" class="input2" value="${sessionScope.user.qq}"
								name="qq" style="width: 260px; _width: 250px; height: 21px" />
						</div>
					</div>
				</div>

				<div class="layerlist3">
					<div class="layerlist-title">
						<span class="text7">电子邮箱：</span>
					</div>
					<div class="layerlist-text">
						<span class="text7">${sessionScope.user.email}</span>
					</div>
				</div>
				<div class="layeredit" style="display: none;">
					<div class="layeredit-titlebg">
						<div class="layeredit-title">
							<span class="text5"><strong>修改</strong> </span>
						</div>
					</div>
					<div style="overflow: hidden; _width: 350px">
						<div class="layeredit-text">
							<span class="text7">电子邮箱：</span>
						</div>
						<div class="layeredit-input">
							<input type="text" class="input2"
								value="${sessionScope.user.email}" name="email"
								style="width: 260px; _width: 250px; height: 21px" />
						</div>
					</div>
				</div>
				<div class="layerlist3" id="button-reset" style="display: none;">
					<div class="button-reset" style="float: regth;">
						<img src="<c:url value='/imgs/button-reset.jpg'/>" />
					</div>
				</div>
				<div class="layer-button" id="upusers">
					<img src="<c:url value='/imgs/button-confirm.gif'/>"
						style="display: none;" />
					&nbsp;&nbsp;
					<img src="<c:url value='/imgs/button-close.gif'/>" />
				</div>
			</div>
		</div>


		<!-- 开户层 -->
		<div class="layercontainer"
			style="position:absolute; z-index:999; margin:-200px 0px 0px 700px; display:none; " id="openAccount">
			<div class="layertop">
				<div class="layertop-title">
					开户信息
				</div>
			</div>

			<div class="layermain">
				<div class="layerlist1">
					<div class="layerlist-title">
						<span class="text8">*&nbsp;</span><span class="text7">角色权限：</span>
					</div>
					<div class="layerlist-content">
						<select class="input2" id="selectRole">
							<option>
								请选择
							</option>
						</select>
					</div>
				</div>
				<div class="layerlist2">
					<div class="layerlist-title">
						<span class="text8">*&nbsp;</span><span class="text7">代理区域：</span>
					</div>
					<span id="myCitys">
						<div class="layerlist-content">
							<select class="input2" name="regitonPro" id="regitonPro">
								<option>
									请选择
								</option>
							</select>
							&nbsp;&nbsp;
							<select class="input2" id="regitonCity" name="regitonCity">
								<option>
									请选择
								</option>
							</select>
							</div>
					</span>
				</div>
			

			<div class="layerlist1">
				<div class="layerlist-title">
					<span class="text8">*&nbsp;</span><span class="text7">注册期限：</span>
				</div>
				<div class="layerlist-content">
					<input type="text" class="input2" style="width: 100px"
						id="openRegistStart" onfocus="WdatePicker()">
					&nbsp;-&nbsp;
					<input type="text" class="input2" style="width: 100px"
						id="openRegistEnd" onfocus="WdatePicker()">
				</div>
			</div>


			<div class="layerlist2">
				<div class="layerlist-title">
					<span class="text8">*&nbsp;</span><span class="text7">登&nbsp;&nbsp;录&nbsp;&nbsp;名：</span>
				</div>
				<div class="layerlist-content">
					<input type="text" class="input2" style="width: 290px"
						id="openUserName">
				</div>
			</div>
			<div class="layerlist1">
				<div class="layerlist-title">
					<span class="text8">*&nbsp;</span><span class="text7">密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码：</span>
				</div>
				<div class="layerlist-content">
					<input type="password" class="input2" style="width: 290px"
						id="openUserPass">
				</div>
			</div>
			<div class="layerlist2">
				<div class="layerlist-title">
					<span class="text8">*&nbsp;</span><span class="text7">重复密码：</span>
				</div>
				<div class="layerlist-content">
					<input type="password" class="input2" style="width: 290px"
						id="openUserPass2">
				</div>
			</div>

			<div class="layerlist2">
				<div class="layerlist-title">
					<span class="text8">*&nbsp;</span><span class="text7">电子邮箱：</span>
				</div>
				<div class="layerlist-content">
					<input type="text" class="input2" style="width: 290px"
						id="openEmail">
				</div>
			</div>
			<div class="layerlist2">
				<div class="layerlist-title">
					<span class="text8">*&nbsp;</span><span class="text7">公司名称：</span>
				</div>
				<div class="layerlist-content">
					<input type="text" class="input2" style="width: 290px"
						id="openCompany">
				</div>
			</div>
			<div class="layerlist2">
				<div class="layerlist-title">
					<span class="text7">公司地址：</span>
				</div>
				<div class="layerlist-content">
					<input type="text" class="input2" style="width: 290px"
						id="openAddress">
				</div>
			</div>
			<div class="layerlist2">
				<div class="layerlist-title">
					<span class="text8">*&nbsp;</span><span class="text7">联&nbsp;&nbsp;系&nbsp;&nbsp;人：</span>
				</div>
				<div class="layerlist-content">
					<input type="text" class="input2" style="width: 290px"
						id="openRealName">
				</div>
			</div>
			<div class="layerlist1">
				<div class="layerlist-title">
					<span class="text8">*&nbsp;</span><span class="text7">手&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机：</span>
				</div>
				<div class="layerlist-content">
					<input type="text" class="input2" style="width: 290px"
						id="openPhone">
				</div>
			</div>

			<div class="layerlist1">
				<div class="layerlist-title">
					<span class="text7">电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话：</span>
				</div>
				<div class="layerlist-content">
					<input type="text" class="input2" style="width: 290px" id="openiPhone">
				</div>
			</div>
			<div class="layerlist2">
				<div class="layerlist-title">
					<span class="text7">QQ：</span>
				</div>
				<div class="layerlist-content">
					<input type="text" class="input2" style="width: 290px" id="openQQ">
				</div>
			</div>
			<div class="layerlist1">
				<div class="layerlist-title">
					<span class="text7">MSN：</span>
				</div>
				<div class="layerlist-content">
					<input type="text" class="input2" style="width: 290px">
				</div>
			</div>

			<div class="layer-button">
				<img src="<c:url value='/imgs/button-confirm.gif' />"
					onclick="submitAdd()" />
				&nbsp;&nbsp;
				<img src="<c:url value='/imgs/button-close.gif'/>" id="closeAcc" onclick="javascript:closeccount()"/>
			</div>
       </div>
		</div>


		<!-- 充值层 -->
		<div class="layercontainer" style="position:absolute; z-index:999; margin: 100px 0px 0px 600px; display: none; margin: -200px 0px 0px 600px; display: none;" id="dela">
			<div class="layertop">
				<div class="layertop-title">
					充值
				</div>
			</div>
			<div class="layermain">
				<div class="layerlist3">
					<div class="layerlist-title">
						<span class="text7">用&nbsp;&nbsp;户&nbsp;&nbsp;名：</span>
					</div>
					<div class="layerlist-content">
						<input type="text" class="input2" style="width: 292px; * width: 290px; _width: 286px; width: 289px\0;" name="username" />
						<input type="hidden" id="userId" value="" />
						<input type="hidden" id="acs" value="" />
					</div>
				</div>
				<div class="layeredit" id="yanZ" style="display: none;">
					<div class="layeredit-titlebg">
						<div class="layeredit-title">
							<span class="text5"><strong>验证成功！</strong> </span>
						</div>
					</div>
					<div class="layer-check">
						<span class="text7">
							联系人：<span id="delaRealName"></span> <br /> </span>
					</div>
				</div>
				<div class="layerlist2">
					<div class="layerlist-title">
						<span class="text7">充值类型：</span>
					</div>
					<div class="layerlist-content">
						<select class="input2" id="select1">

							<option value="1">
								充值语音
							</option>
							<option value="2">
								充值短信
							</option>
						</select>
					</div>
					<input id="typeContext" type="hidden" name="type" value="1"/>
					<input id="role" type="hidden" />
					<input id="pid" type="hidden" />
				</div>
				<div id="Byyuyin">
					<div class="layerlist3">
						<div class="layerlist-title" id="yj" style="display:block;"><span class="text7">语音金额：</span></div>
						<div class="layerlist-title" id="dx" style="display:none;"><span class="text7">短信金额：</span></div>

						<div class="layerlist-content">
							<input type="text" class="input2" style="width: 292px; * width: 290px; _width: 286px; width: 289px\0;" name="total" />
						</div>
					</div>
					<div class="layerlist3">
						<div class="layerlist-title" id="yf" style="display:block;"><span class="text7">语音分钟：</span></div>
						<div class="layerlist-title" id="dxs" style="display:none;"><span class="text7">短信数&nbsp;&nbsp;：</span></div>
						<div class="layerlist-content">
							<input type="text" class="input2" style="width: 292px; * width: 290px; _width: 286px; width: 289px\0;" name="mins" />
						</div>
					</div>
					<div class="layerlist3" id="button-reset">
						<div class="button-money" onclick="aprice();"><img src="<c:url value='/imgs/button-money.gif '/>" /></div>
					</div>
					<div class="layerlist3">
						<div class="layerlist-title">
							<span class="text7">单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价：</span>
						</div>
						<div class="layerlist-content">
							<input type="text" class="input2" style="width: 292px; * width: 290px; _width: 286px; width: 289px\0;" disabled name="price" />
						</div>
					</div>
				</div>
				<div class="layer-button" id="but_money">
					<img src="<c:url value='/imgs/button-pay.gif'/>"style="display: none;" />&nbsp;&nbsp;
					<img src="<c:url value='/imgs/button-close.gif'/>" onclick="javascript:closedela()" />
				</div>
			</div>
		</div>



		<!-- 提示 -->
		<div class="layercontainer" style="display: none;">
			<div class="layertop">
				<div class="layertop-title">
					提示信息
				</div>
			</div>
			<div class="layermain">
				<div class="infolayer">
					<div class="infolayer-icon">
						<img src="<c:url value='/imgs/icon6.png'/>" />
					</div>
					<div class="infolayer-text">
						<span class="text9"><strong>开户成功!</strong> </span><span
							class="text7"><br /> 用户名:XXX<br /> 注册期限 2012-03-01 –
							2013-03-01</span>
					</div>
				</div>
				<div class="layer-button">
					<img src="<c:url value='/imgs/button-close.gif'/>" />
				</div>
			</div>
		</div>
		<div class="layercontainer" style="display: none;">
			<div class="layertop">
				<div class="layertop-title">
					提示信息
				</div>
			</div>
			<div class="layermain">
				<div class="infolayer">
					<div class="infolayer-icon">
						<img src="<c:url value='/imgs/icon7.png'/>" />
					</div>
					<div class="infolayer-text">
						<span class="text10"><strong>开户失败!</strong> </span><span
							class="text7"><br /> 您权限不足<br />
							请于管理员联系&nbsp;010-03245656 </span>
					</div>
				</div>
				<div class="layer-button">
					<img src="<c:url value='/imgs/button-close.gif'/>" />
				</div>
			</div>
		</div>
    
    
    
    
  </div>
</div>
</body>

 <script type="text/javascript">
        var Sys = {};
        var ua = navigator.userAgent.toLowerCase();
        var s;
        (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
        (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
        (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
        (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
        (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;
        //以下进行测试
        if (Sys.ie){
            //alert('IE: ' + Sys.ie);
        	  $("#userinfo").css({"margin-top":"-200px"});
        	  $("#dela").css({"margin-top":"-200px"});
         }
        if (Sys.firefox) { //alert('Firefox: ' + Sys.firefox);
            $("#dela").css({"margin-top":"-100px"});
            $("#openAccount").css({"margin-bottom":"400px"});
            $("#userinfo").css({"margin-top":"100px"});
            
            }
        if (Sys.chrome) { //document.write('Chrome: ' + Sys.chrome);
            }
        //if (Sys.opera) {document.write('Opera: ' + Sys.opera);}
        //if (Sys.safari){document.write('Safari: ' + Sys.safari);}
        
    </script>
</html>
